<template>
<transition name="fade">
<div class="box">
  <div class="detail-header">
    <!-- <router-link to="/recipes" tag="i" class="iconfont icon-fanhui"></router-link> -->
    <i @click="goback" class="iconfont icon-fanhui"></i>
    <h2>酒酿</h2>
    <i class="iconfont icon-gengduo1"></i>
  </div>
  <div class="content">
    <div class="detail-banner">
      <img src="http://cp2.douguo.net/upload/caiku/a/5/3/yuan_a5399c98b6da93ea8b2d1d28cbcc34e3.jpeg" alt="">
    </div>
    <div class="jianjie">
      <p>酒酿，旧时叫“醴”，是中国传统的特产酒，在我国全国各地称呼不同又叫米酒、甜酒、甜米酒、糯米酒、江米酒、酒糟。</p>
      <h4>孕期能吃吗？</h4>
      <i class="iconfont icon-gantanhao-yuankuang"></i><span>少吃</span>
      <p>酒酿甘辛温，含糖、有机酸、维生素B1、B2等，可益气、生津、活血、散结、消肿。不仅利于孕妇利水消肿，也适合哺乳期妇女通利乳汁，不过要少吃。</p>
      <h4>坐月子能吃吗？</h4>
      <i class="iconfont icon-gantanhao-yuankuang"></i><span>少吃</span>
      <p>建议妈妈少喝酒，最好不喝酒。权威医学杂志《柳叶刀》已经明确指出，「一滴酒也会对人体造成损伤」，而且酒精对于人体的损伤是蓄积的，少量常年饮酒即使短时间内没有明显伤害，但是长时间的积累会导致严重的损伤</p>
       <h4>哺乳期能吃吗？</h4>
      <i class="iconfont icon-gantanhao-yuankuang"></i><span>少吃</span>
      <p>哺乳期的妇女为了下奶，很多都费劲了心思，上面讲到的酒酿就是平常很多的产妇哺乳期下奶的一种食品之选。哺乳期的妇女是可以吃酒酿的，但是建议煮热后使用，因为酒酿含有一定的酒精程度，所以为了下奶偶尔的吃一点还是可以的，但是天天吃就可能对喂奶的孩子有所影响了。如果要想下奶而吃酒酿的话，可以选择甜酒酿蛋，不仅可以帮助产妇利水消肿，还可以帮助通利乳汁。</p>
      <h4>宝宝能吃吗？</h4>
      <i class="iconfont icon-gantanhao-yuankuang"></i><span>不能吃</span>
      <p>不建议小宝宝吃酒酿，因为含有酒精成分，一是容易引起孩子酒精过敏，酒精中毒。其次如果长期服用还会影响孩子生长发育</p>
    </div>
    <div class="detail-bottom">
      <ul>
        <li><i class="iconfont icon-fenxiang2"></i><span>分享</span></li>
        <li><i class="iconfont icon-xiaoxi4"></i><span>评论</span></li>
        <li><i class="iconfont icon-jifen2"></i><span>收藏</span></li>
      </ul>
    </div>
  </div>
</div>
</transition>
</template>
<script>
export default {
  methods: {
    goback () {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss">
@import '@/lib/reset.scss';
.detail-header {
  @include rect(100%, 0.42rem);
  background: rgba(235, 235, 235, 0.849);
  line-height: 0.42rem;
  i {
    float: left;
    font-size: 0.16rem;
    width: 0.3rem;
    text-align: center;
    font-weight: 700
  }
  h2 {
    float: left;
    width:80%;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 500;
    color: #444343;
  }
}
.content {
  @include rect(100%, 100%);
  overflow: auto;
  .detail-banner {
    @include rect(100%, 2rem);
    margin-bottom: 0.1rem;
    img {
      @include rect(100%, 100%);
    }
  }
  .jianjie {
      @include rect(94%, 100%);
      margin-left: 3%;
    p {
      color: rgba(102, 102, 102, 1);
      font-family: PingFangSC-regular;
      font-size: 0.14rem;
      padding-bottom: 0.1rem;
      border-bottom: 1px solid #cccccc;
    }
    h4 {
      color: rgba(102, 102, 102, 1);
      font-size: 0.14rem;
      text-align: left;
      font-family: PingFangSC-regular;
      margin-top: 0.15rem;
    }
    i {
      color: #fd8f98;
      font-size: 0.14rem;
    }
    span {
      font-size: 0.12rem;
      padding-left: 0.05rem;
    }
  }
  .detail-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    @include rect(100%, 0.38rem);
    background: #e4e4e4;
    ul {
      @include rect(100%, 0.38rem);
      @include flexbox();
      @include justify-content(space-around);
      @include align-items();
      li {
        line-height: 0.38rem;
        i {
          font-size: 0.18rem;
        }
        span {
          padding-left: 0.05rem;
        }
      }
    }
  }
}
</style>
